﻿*{margin:0;padding:0}
body,td,th {font-family: "Microsoft YaHei","微软雅黑" ,Arial, Helvetica, sans-serif;font-size: 14px;color: #333;}
body {margin:0; padding:0; background:#fff;}
table{margin:auto; height:auto;margin:0;padding:0; }
body , div , dl , dt , dd , ul , ol , li , pre , form , fieldset , input , textarea , p , blockquote , th , td {margin:0; padding:0;outline:none;}
img {border:0px;}
i , em{ font-style:normal;}
ul,dl,dt,dd,li,p{Margin:0px;Padding:0px;list-style:none}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;box-sizing:border-box; font-weight:normal;}
table {border-collapse: collapse; border-spacing: 0;}
.clearboth{clear:both; visibility:hidden}/*系统预设*/

a:link,a:visited,a:active {text-decoration: none; color:#333;}
a:hover {color: #c00;text-decoration:none;}
.width1200{ width:1200px;margin: auto auto;}

/*避免因子元素浮动而导致的父元素高度缺失能问题*/
.clearFix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearFix {zoom: 1;}

.bodybg{background:#f1f1f1;}
/*按钮*/
.btn{width: 108px; height: 36px; line-height: 36px; font-size: 12px; text-align: center; color: #fff; background:#f00; border-radius: 3px; border: none; cursor: pointer;}
.btn:hover{opacity: 0.6; filter: alpha(opacity=60); color:#fff;}
.center > .btn{display: block; margin: auto;color:#fff;}

.font01{ color:#c00;}
.font02{ color:#999;}
.font03{ color:#fff;}
.font04{ color:#f60;}
.px12{font-size: 12px;}
.px14{font-size: 14px;}
.px16{font-size: 16px;}
.px18{font-size: 18px;}
.fr{float: right;display:inline;}
.fl{float: left;display:inline;}
.padd10px{padding:10px;}
.mtop20{ margin-top:20px;}
.mtop40{ margin-top:40px;}
.mtop60{ margin-top:60px;}

.box01{border:1px solid #EAEAEA; padding:10px;border-radius:0 0 5px 5px;}
.contx{font-size:20px;font-weight: bold;color: #c00;font-family: "Microsoft YaHei","微软雅黑" ,"黑体";line-height:60px;}
.INPUT {height: 30px;border:1px #ccc solid;background: #fff; line-height:30px; padding:0 5px;}
.INPUT2 {border:1px #ccc solid;background: #fff;}
.INPUT3 {height: 22px;border:1px #ccc solid;background: #fff; line-height:22px; padding:0 5px; width:120px;}
.buttom {font-size:14px;font-weight: bold; color:#fff; background:#333;border:2px solid #333; width:100px; height:32px;}
.title01{color:#333; font-weight:bold; font-size:14px;}
.title02{font-size:16px; color:#c00;font-weight:bold;}
.hx{background: url(../images/hx.gif) repeat-x bottom;}
.hx2{background: url(../images/hx.gif) repeat-x center; height:20px; margin:auto;}

.page {text-align:center; width:100%;margin:20px 0 30px 0; font-size:16px;}
.page a{display:inline-block;padding:5px 10px 4px 10px;border:#E4E4E4 1px solid;margin:2px 4px;color:#666;text-decoration:none;cursor:pointer;border-radius:3px;}
.page a:hover{border:#f60 1px solid;color:#FFF;background:#f60;}
.page span.current{display:inline-block;padding:5px 10px 4px 10px;color:#FFF;background:#f60;border:#f60 1px solid;margin:2px 4px;border-radius:3px;}
.page span.no{border:1px #f60 solid;margin:2px;color:#FFF;background:#f60;text-decoration:none;border-radius:3px;}



/*
.header{width: 100%;background: url(../images/headbg.jpg) no-repeat center top;box-shadow:0px 5px 5px rgba(0,0,0,0.1);height: 85px;border-bottom: rgba(210, 227, 255, 1) 1px solid;position: relative;top: 0;border-bottom: #272e44 1px solid \3;z-index:100;}
.logo {float: left;display: inline-block;margin: 24px 0 0 37px;width: 185px;height: 33px;}
.logo img{width: 185px;height: 33px;}
.header_sub{}
.tel{width:135px;padding:0 10px;height:38px;background:#fb4c3b url("../images/tel.png") 10px center no-repeat;line-height: 38px;text-align: center;font-size: 16px;border-radius:3px;color: #fff;text-indent: 25px;}
.header .tel{float: right;display: inline-block;margin: 24px 28px 3px;}


/*头部开始*/

.header_box{width:100%;height: auto;position:relative;z-index:999;box-shadow:0px 5px 5px rgba(0,0,0,0.15);background:#fff;}
.header{ margin:auto; width:100%; height:110px; background:#F5F5F5;}
.header .header_content{ margin:auto; width:1200px; height:110px; background:url(../images/logo.jpg) no-repeat;}
.header .header_content .logo{ width:330px; height:70px; padding:20px 0; float:left;}
.header .header_content .logo a{ width:100%; height:100%; display:block;}

/*.header .searchbox{float:right; padding-top: 24px;}
.header .searchbox .search{width:378px; border:2px solid #8e8e8e; height:40px; margin-left:20px; position:relative;}
.header .searchbox .search input.ipt-sea{height:20px; width:260px; padding:10px; line-height:20px; color:#666; font-size:14px; font-family:Microsoft YaHei, Arial;outline:none;border: 0px;}
.header .searchbox .search input.submit{width:100px; height:44px; background:#c80000; color:#fff; text-align:center; font-size:16px; line-height:44px; position:absolute; right:-2px; top:-2px; border:none;}
.header .searchbox .keys{margin-top:5px;  margin-left:20px;}
.header .searchbox .keys span{color:#5c5c5c; margin-right:10px; font-size:12px;}
.header .searchbox .keys span em{color:#c80000; font-family:Arial, Helvetica, sans-serif;}
.header .searchbox .keys span>a{color:#888;}
.header .searchbox .keys span>a:hover{color:#ff5a5a;}
.tel{ margin-top:11px; width:145px;padding:0 10px;height:38px; float:right; background:#c00 url("../images/tel.png") 10px center no-repeat;line-height: 38px;text-align: center;font-size: 16px; font-weight:bold; border-radius:3px;color: #fff;text-indent: 25px;}
*/
.searchbox{float:right; padding-top:13px;}
.searchbox .search{width:230px; border:2px solid #fff; height:30px; position:relative;}
.searchbox .search input.ipt-sea{height:20px; width:170px; padding:5px; line-height:20px; color:#666; font-size:14px; font-family:Microsoft YaHei, Arial;outline:none;border: 0px;}
.searchbox .search input.submit{width:60px; height:34px; background:#c80000; color:#fff; text-align:center; font-size:14px; line-height:34px; position:absolute; right:-2px; top:-2px; border:none;}


.nav{width: auto; background:#000;}
.nav > ul{ margin:auto; width:1200px; height:60px;}
.nav > ul > li{float: left;display: inline-block;height:58px;line-height:58px;position: relative;margin-right:40px; font-size:16px;}
.nav > ul > li.hover{border-bottom: #999 2px solid;color: #fff;font-weight: bold;}
.nav > ul > li:hover{color: #fff;font-weight: bold;}
.nav > ul > li > span{display: block;}
.nav > ul > li > span > a{display: block;color: #eee;padding: 0 10px;}
.nav > ul > li > span > a:hover{color: #fff;opacity: 1;}
.nav > ul > li.hover > span > a, .nav > ul > li:hover > span > a{color: #fff;}
.nav > ul > li > span > a > i{content: '';width: 0;height: 0;border-style: solid dashed dashed;border-color: #9fa3ab transparent transparent;overflow: hidden;cursor: pointer;transition: all .2s;border-width:5px;display: inline-block;vertical-align: middle;margin-left: 10px;margin-top: 4px;}
.nav > ul > li.hover > span > a > i{border-color: #fff transparent transparent;margin-top: 4px;}
.nav > ul > li:hover > span > a > i{border-style: dashed dashed solid;border-color: transparent transparent #fff;margin-top: -6px;}
.headDown{width:120px;padding: 10px 0;border-radius: 0 0 3px 3px;position: absolute;top:58px;display: none;background:rgba(0, 0, 0, .5);border-top: #999 2px solid; left:-10px}
.nav > ul > li:hover .headDown{display: block;}
.headDown > li > a{height: 42px;line-height: 42px;color: #fff; font-size:14px; padding: 0 25px;height: 42px;line-height: 42px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: left;display: block;font-weight: normal;}
.headDown > li.hover > a, .headDown > li > a:hover{color: #fff;background: rgba(255, 255, 255, .1);background: #333 \9;opacity: 1;}

.brands{ margin:auto; position:relative; background:#fff;width:100%; height:770px; z-index:1;}
.brands .bd{margin:0 auto;z-index:0; overflow:hidden;}
.brands .bd ul{ width:100% !important;  }	
.brands .bd li{ width:100% !important;  height:770px; overflow:hidden; text-align:center;  }	
.brands .bd li a{ display:block; height:770px;}
.brands .hd{position:relative; z-index:1; margin-top:-45px; height:30px; line-height:30px;  text-align:center;}
.brands .hd ul{ text-align:center;  padding-top:5px;  }
.brands .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:10px; height:10px; margin:5px; background:#fff; overflow:hidden; font-size:0;border-radius:100%;}
.brands .hd ul .on{ background:#9E2023; }
.brands .prev,.brands .next{display:block;width: 30px;height:30px;position: absolute;z-index:2;top:50%;margin-top: -20px;}
.brands .prev{background: url(../images/banner-prev.png) no-repeat  #333333;left: 5%;}
.brands .next{background: url(../images/banner-next.png) no-repeat  #333333;right: 5%;}
.brands .prev:hover,.brands .next:hover{background-color: #762d36;transition: all .5s;}

/*服务优势*/
.number_box{ margin:auto; width:1200px; /*min-width: 1200px;*/ height: 130px; background: #fff; color: #999; position: relative; z-index:2;}
.number_box:before,
.number_box:after{content: ""; display: table;}
.number_box:after{clear: both;}
.number_box > .number_box_table{display: table; width: 100%; height: 43px; table-layout: fixed; margin-top: 42px;}
.number_box > .number_box_table > ul{display: table-row;}
.number_box > .number_box_table > ul > li{display: table-cell; border-left: 1px solid #ddd; text-align: center; font-size: 14px;}
.number_box > .number_box_table > ul > li:first-child{border-left: none;}
.number_box > .number_box_table > ul > li > div{position: relative; top: -10px; height: 40px;}
.number_box > .number_box_table > ul > li > div > span{font-size: 40px; font-family: Georgia, "Times New Roman", Times, serif; color:#c00;}
.number_box > .number_box_table > ul > li > div > sup{font-size: 13px; vertical-align: top; position: relative; top: -1px; color:#c00;}

.b_shadow{
	-o-box-shadow:0 0 18px rgba(0,0,0,.1); 
	-ms-box-shadow:0 0 18px rgba(0,0,0,.1); 
	-moz-box-shadow:0 0 18px rgba(0,0,0,.1); 
	-webkit-box-shadow:0 0 18px rgba(0,0,0,.1); 
	box-shadow:0 0 18px rgba(0,0,0,.1);
}

/*.ind_title{font-size: 30px;color: #191919;font-weight: normal;text-align: center;margin: 0 0 60px 0;position: relative;}
.ind_title:after{content: "";position: absolute;width: 56px;height: 2px;background-color: #9e2023;bottom: -30px;left: 50%;margin-left: -28px;}
.ind_title b{display: block;font-size: 14px;color: #c0c0c0;font-weight: normal;margin-top: 2px;}
.ind_title span{display: block;font-size: 16px;color: #666666;}
*/

.ind_title{float:left; font-size:30px; line-height:30px; color:#111;}
.ind_title b{color:#111; font-size:22px; padding-left:10px; line-height:30px;}
.ind_title a{color:#111;}
.ind_title .icdown{display:inline-block; margin-left:10px; width:20px; height:20px; background:url(../images/icon2.png) no-repeat center center; background-size:20px auto;}


.aboutus_box{ margin:auto; height:auto; background:#f7f7f7 url(../images/bg1.png) no-repeat center 180px; padding:60px 0;}
.aboutus_text{ margin-top:40px; height:200px; line-height:30px; font-size:16px;}
.ixBoxT{clear:both;overflow:hidden;}
.ixBoxT .div1{clear:both;height:30px;overflow:hidden;background:url(../images/icon7.png) no-repeat center 5px;text-align:center;}
.ixBoxT .div1 span{display:inline-block;height:30px;line-height:14px;font-size:14px;color:#dddddd;background:url(../images/icon8.png) no-repeat center bottom;}
.ixBoxT .div2{clear:both;height:42px;overflow:hidden;text-align:center;color:#000;font-size:24px;line-height:42px;}
.ixBoxT .div3{clear:both;height:42px;overflow:hidden;text-align:center;color:#999;font-size:16px;line-height:42px;}
.ixMore{clear:both;display:block;width:130px;height:38px;background:rgba(0,0,0,0.5);font-size:14px;color:#fff !important;text-align:center;line-height:38px;margin:20px auto;border-radius:3px;transition:all .3s ease-in-out;}
.ixMore:hover{background:#9E2023}


/*首页案例*/
.case-title{ margin-top:60px; margin-bottom:20px;}

.case-title .info{float:right;}
.case-title .info a{line-height:30px; padding:0 15px; display:inline-block; color:#666; font-size:14px; border-radius:3px; transition:all .3s ease-in-out;}
.case-title .info a:hover{background:#c80000; color:#fff;}

/*.newsps{width:1200px; overflow:hidden;}
.newsps ul{ width:1250px;}
.newsps ul li{float:left; margin-right:12px;}
.newsps ul li a{display:block; position:relative;}
.newsps ul li.big{margin-bottom:12px;}
.newsps ul li.midde{margin-bottom:12px;}
.newsps ul li.big,.newsps ul li.big img{width:594px; height:250px;}
.newsps ul li.midde,.newsps ul li.midde img{width:392px; height:290px;}
.newsps li .cover{position:absolute; left:0; top:50%; right:0; height:80px; margin-top:-70px; background:rgba(0,0,0,.7); padding:30px; display:none;}
.newsps li.hover .cover{display:block;}
.newsps li .cover h2{font-size:30px; font-weight:normal; color:#f1f1f1; height:40px; line-height:40px; overflow:hidden; word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.newsps li .cover p{height:40px; font-size:12px; color:#b1b1b1; line-height:20px; overflow:hidden;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.newsps li.midde .cover h2{font-size:20px;}


.newsps{width:1200px; overflow:hidden;}
.newsps ul{ width:1250px;}
.newsps ul li{float:left; margin-right:12px;margin-bottom:12px;}
.newsps ul li a{display:block; position:relative;}
.newsps ul li:nth-child(1),.newsps ul li:nth-child(1) img,.newsps ul li:nth-child(2),.newsps ul li:nth-child(2) img,.newsps ul li:nth-child(6),.newsps ul li:nth-child(6) img,.newsps ul li:nth-child(7),.newsps ul li:nth-child(7) img{width:594px; height:250px;}
.newsps ul li:nth-child(3),.newsps ul li:nth-child(3) img,.newsps ul li:nth-child(4),.newsps ul li:nth-child(4) img,.newsps ul li:nth-child(5),.newsps ul li:nth-child(5) img{width:392px; height:250px;}
.newsps ul li:nth-child(3).midde .cover h2,.newsps ul li:nth-child(4).midde .cover h2,.newsps ul li:nth-child(5).midde .cover h2{font-size:20px;}
.newsps li .cover{position:absolute; left:0; top:50%; right:0; height:80px; margin-top:-70px; background:rgba(0,0,0,.7); padding:30px; display:none;}
.newsps li.hover .cover{display:block;}
.newsps li .cover h2{font-size:30px; font-weight:normal; color:#f1f1f1; height:40px; line-height:40px; overflow:hidden; word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.newsps li .cover p{height:40px; font-size:12px; color:#b1b1b1; line-height:20px; overflow:hidden;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

*/
.newsps{width:1200px; overflow:hidden;}
.newsps ul{ width:1250px;}
.newsps ul li{float:left; margin-right:12px;margin-bottom:12px;}
.newsps ul li a{display:block; position:relative;}
.newsps ul li,.newsps ul li img{width:392px; height:250px;}
.newsps li .cover{position:absolute; left:0; top:50%; right:0; height:80px; margin-top:-70px; background:rgba(0,0,0,.7); padding:30px; display:none;}
.newsps li.hover .cover{display:block;}
.newsps li .cover h2{font-size:20px; font-weight:normal; color:#f1f1f1; height:40px; line-height:40px; overflow:hidden; word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.newsps li .cover p{height:40px; font-size:12px; color:#b1b1b1; line-height:20px; overflow:hidden;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}




/*优势*/

/*服务优势*/
.title{color: #202123; font-size: 26px; padding: 60px 0 30px 0; text-align: center; font-weight: normal;}
.jjfa{margin:50px auto auto; width:1220px;}
.jjfa > li{width: 25%; float: left; display: inline-block; padding: 0 10px; box-sizing: border-box; animation: fadeInRight 1s both;}
.jjfa > li:nth-child(2){animation-delay: .5s;}
.jjfa > li:nth-child(3){animation-delay: 1s;}
.jjfa > li:nth-child(4){animation-delay: 1.5s;}
.jjfa_item{text-align: center; padding: 0 20px; height: 400px; border-radius: 2px; box-sizing: border-box; color: #9e9e9e; position: relative; border: #fff 1px solid; background:#fff;}
.jjfa_item:hover{box-shadow: 0 0 10px rgba(0, 0, 0, .05); border: #f3f3f3 1px solid;}
.jjfa_img01, .jjfa_img02, .jjfa_img03, .jjfa_img04{width: 96px; height: 96px; background: url("../images/jjfa.png") 0 0 no-repeat; margin: 0 auto; margin-top: 50px;}
.jjfa_img01{background-position: 0 0;}
.jjfa_img02{background-position: 0 -96px;}
.jjfa_img03{background-position: 0 -192px;}
.jjfa_img04{background-position: 0 -288px;}
.jjfa_item:hover .jjfa_img01{background-position: -96px 0;}
.jjfa_item:hover .jjfa_img02{background-position: -96px -96px;}
.jjfa_item:hover .jjfa_img03{background-position: -96px -192px;}
.jjfa_item:hover .jjfa_img04{background-position: -96px -288px;}
.jjfa_item h3{font-size: 20px; font-weight: normal; color: #202123; line-height: 60px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.jjfa_text{text-align: left; font-size: 12px; line-height: 28px; height: 90px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; white-space: normal !important;}
.jjfa_item:hover .jjfa_text{color: #666;}
.jjfa_item .btn{position: absolute; bottom: 45px; left: 50%; margin-left: -54px; background:rgba(0,0,0,0.5);color: #fff;}
.jjfa_item:hover .btn{display: block; background:#c00; color:#fff;}





.homeYs{ margin-top:60px; background:#f1f1f1;padding: 70px 0;position: relative;}

.homeYs:before{content: "";position: absolute;width: 26px;height: 26px;border-radius: 50%;background-image: url(../images/home-zsIco.png);background-repeat: no-repeat;background-position:  center center;background-color: #c00;left: 49.1%;top: -12px;z-index: 1;animation:moveTwo  0.3s ease-in-out  infinite;-webkit-animation:moveTwo 0.3s infinite alternate;}
.homeYs:after{content: "";position: absolute;width: 38px;height: 38px;background:rgba(218,37,29,0.3);border-radius: 50%;top: -18px;left: 48.7%;animation:moveOne  0.5s ease-in-out  infinite;-webkit-animation:moveOne 0.5s infinite alternate; /* Safari 和 Chrome */}
@keyframes moveOne{
   0%{transform: scale(0.5);border-radius: 50%;opacity: 0.5}
   50%{transform: scale(1);border-radius: 50%;opacity: 1}
   100%{transform: scale(1.3);border-radius: 50%;opacity: 0.5}
}
@keyframes moveTwo{
    from{background-position: center 50%;}
    to{background-position: center 60%;}
}

/*--案例 --*/

.homecase_list{ margin:50px auto auto; width:1220px; overflow:hidden; position:relative;}
.homecase_list .hd{ height:30px; line-height:30px; overflow:hidden;padding:0 10px;}	
.homecase_list .hd .next,.homecase_list .hd .prev{ margin-top:10px; float:right; display:block; width:18px; height:18px; background: url(../images/left_right.png) no-repeat -6px -7px; overflow:hidden; margin-left:6px; cursor:pointer; }	
.homecase_list .hd .next{ background-position:-34px -7px; }	
.homecase_list .hd .prevStop{ background-position:-6px -40px; cursor:default; }	
.homecase_list .hd .nextStop{ background-position:-34px -40px; cursor:default; }	
.homecase_list .hd ul{ float:right; margin:15px 0 0 0; zoom:1; }	
.homecase_list .hd ul li{ float:left; cursor:pointer; display:block; width:8px; height:8px; margin-right:4px; _display:inline; background:#999; overflow:hidden; font-size:0;border-radius:100%;}	
.homecase_list .hd ul li.on{ background:#f00;}
.homecase_list .bd{ width:1220px; padding:15px 0 50px 0;}
.homecase_list .bd ul{ overflow:hidden; zoom:1; }
.homecase_list .bd ul li{ width:285px; height:360px; margin:15px 10px; float:left; _display:inline; overflow:hidden; padding:0px;}
.homecase_list .bd ul li img{ width:285px; height:178px; display:block;}
.homecase_list .bd ul li a{ display:block; text-decoration:none;}
.homecase_list .bd ul li a h2{ margin-top:15px; padding:0 15px; height:30px; line-height:30px; font-size:16px; display:block; overflow:hidden; color:#333; font-weight:bold;}
.homecase_list .bd ul li a h3{ margin-top:5px; height:44px; padding:0 15px; line-height:22px; overflow:hidden; color:#999; font-size: 12px;}
.homecase_list .bd ul li a h4{ margin:25px auto auto; width:35px; height:35px; background:#ccc url(../images/icon1.png) no-repeat center center; background-size:10px 10px; border-radius:100%; }
.homecase_list .bd ul li a:hover h2{color:#c00;}
.homecase_list .bd ul li a:hover h3{color:#6E6E6E;}
.homecase_list .bd ul li a:hover h4{background:#c00 url(../images/icon1.png) no-repeat center center;background-size:10px 10px; }


/*新闻*/
.homeNews{padding:60px 0;background:#f1f1f1;}
.homeNews-left{width: 700px;float: left;}
.homeNews .ntitle{margin-bottom: 40px;overflow: hidden;}
.homeNews .ntitle h4 a{float:right; color:#666666;font-size:14px; line-height:30px;}
.homeNews .ntitle h4 a:hover{color:#9e2023}
.homeNews-left ul{overflow: hidden;margin-left: -20px;}
.homeNews-left ul li{float: left;margin: 0 0 0 20px;width: 340px;}
.homeNews-left ul li .pic{display: block;height: 226px;overflow: hidden;}
.homeNews-left ul li img{display: block;width:340px;height:227px;transition: all .5s;}
.homeNews-left ul li h5{font-size: 16px; font-weight:bold; color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: 15px 0 5px;}
.homeNews-left ul li .time{display: block;font-size: 12px;color: #999999;}
.homeNews-left ul li p{ margin-top:5px;font-size: 12px;color: #666666;line-height: 20px;}
.homeNews-left ul li .more{display: block;width:90px;height:30px;line-height:30px;font-size: 12px;color: #fff;background: #c00;border-radius:3px;text-align: center;margin-top: 15px;transition: all .5s;}
.homeNews-left ul li:hover img{transform: scale(1.1);}
.homeNews-left ul li:hover h5{color: #c00}
.homeNews-left ul li:hover .more{background-color: #0b0b0b}
.homeNews-right{width: 460px;float: right;}
.homeNews-right ul li{ height:110px; margin-bottom:25px;}
.homeNews-right ul li .pic{display: block;float: left;width: 165px;height: 110px;overflow: hidden;float: left;margin-right: 20px;}
.homeNews-right ul li .pic img{display: block;width: 100%;height: 100%;transition: all .5s;}
.homeNews-right ul li h5{font-size: 16px;  color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .5s;}
.homeNews-right ul li .time{font-size: 12px;color: #999;position: relative;}
.homeNews-right ul li .time:before{content: "";position: absolute;width: 20px;height: 1px;background-color: #b4b4b4;left: 0;bottom: -10px;transition: all .5s;}
.homeNews-right ul li p{font-size: 12px;color:#999; height:44px; line-height:22px; overflow:hidden;margin-top:15px;}
.homeNews-right ul li:hover img{transform: scale(1.1);}
.homeNews-right ul li:hover h5{color: #c00}
.homeNews-right ul li:hover .time:before{background-color: #c00}


/*优势*/
.youshi_box{ padding:60px 0 80px 0; background:#fff;}

.youshi{margin:50px auto auto; width:1220px;}
.youshi > li{width: 25%; float: left; display: inline-block; padding: 0 10px; box-sizing: border-box; animation: fadeInRight 1s both; border-right:1px solid #E7E7E7;}
/*.youshi > li:nth-child(2){animation-delay: .5s;}
.youshi > li:nth-child(3){animation-delay: 1s;}*/
.youshi > li:nth-child(4){border-right:none;}
.youshi_item{text-align: center; padding: 0 20px; height: 230px; border-radius: 2px; box-sizing: border-box; color: #9e9e9e; position: relative; border: #fff 1px solid; background:#fff;}
.youshi_item:hover{}
.youshi_img01, .youshi_img02, .youshi_img03, .youshi_img04{width: 96px; height: 96px; background: url("../images/youshi.png") 0 0 no-repeat; margin: 0 auto; }
.youshi_img01{background-position: 0 0;}
.youshi_img02{background-position: 0 -96px;}
.youshi_img03{background-position: 0 -192px;}
.youshi_img04{background-position: 0 -288px;}
.youshi_item:hover .youshi_img01{background-position: -96px 0;}
.youshi_item:hover .youshi_img02{background-position: -96px -96px;}
.youshi_item:hover .youshi_img03{background-position: -96px -192px;}
.youshi_item:hover .youshi_img04{background-position: -96px -288px;}
.youshi_item h3{font-size: 20px; font-weight: normal; color: #202123; line-height: 60px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.youshi_text{text-align:center; font-size: 12px; line-height: 28px; height: 90px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; white-space: normal !important;}


.selfScale{cursor: pointer;width: 100%;overflow: hidden;position: relative;}
.selfScale a img{width: 100%;top: 0;position: relative;left: 0;-webkit-transition: all 1s ease-out 0s;
	-moz-transition: all 1s ease-out 0s;
	-ms-transition: all 1s ease-out 0s;
	-o-transition: all 1s ease-out 0s;
	transition: all 1s ease-out 0s;}
.selfScale a:hover img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}




























/*内页*/
.nexttext{ margin-top:30px; height:70px; line-height:35px; background:#FAFAFA; padding:5px 15px; font-size:14px;border-bottom:#E5E5E5 1px solid;}
.ctitle{text-align:center; width:100%; font-size:30px; font-family:"微软雅黑"; line-height:45px;}
.ctitle p{font-size:12px;}
.return {text-align: right;margin-top: 20px;}
.return a {font-size: 14px;line-height: 32px;display: inline-block;width: 100px;height: 53px;padding-right: 25px;color: #fff;background: url(../images/line01.jpg) repeat-x center;}

.nbox_cont{ padding-top:10px; font-size:18px; line-height:40px;}
.nbox_cont p{ padding-bottom:25px; text-indent:2em;}
.nbox_cont img{background:#fff;display: block; text-align:center; margin-bottom:8px;}

.braedm { margin:auto auto 40px auto; width:100%; height:96px;border-bottom:#f7f7f7 1px solid; position:relative; z-index:1;}
.braedm .width1200{position: relative;}
.braedm .nemuul{position: absolute;left: 0;top: 0;height:100%;}
.braedm .nemuul li{float: left;line-height:96px;margin-right:40px; font-size:18px;}
.braedm .nemuul li a{display: block;position: relative;}
.braedm .nemuul li a span{position: absolute;left: 0;width: 0;bottom: 0;height: 3px;background:#c00;transition: 0.5s;-webkit-transition: 0.5s;}
.braedm .nemuul li.curr a{ color:#c00;}
.braedm .nemuul li.curr a span{ width: 100%;}
.braedm .navlujing { font-size: 14px;line-height:30px;color: #999;position: absolute;right: 0;top:33px; background:url(../images/subMenu-icon.jpg) no-repeat left center; padding-left:20px;}
.braedm .navlujing .gt{ font-family:\5B8B\4F53;}
.braedm .navlujing a{ color: #999;}
.braedm .navlujing a:hover{color: #c00;}

.containerp_nav{ margin:auto; width:100%; height:45px; line-height:45px; background:#fff;color: #999;}
.containerp_nav .width1200{ width:1180px;background:url(../images/subMenu-icon.jpg) no-repeat left center; padding-left:20px;}
.containerp_nav a{color: #999;}
.containerp_nav a:hover{color: #c00;}
.containerp_nav span{display:inline-block; color:#999; padding:0 10px;font-family:\5B8B\4F53;}


.banner{ height:500px; overflow:hidden;}
.banner_box{width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top;}
.sub{ /*min-height: 500px;*/ background: #fff; position: relative; overflow: hidden; margin-bottom:50px;}
.sub_tit{ font-size: 40px; font-weight: bold; color: #fff; position: relative; top:230px; display:none;}
.sub_tit:before{ content: ""; position: absolute; left:0; bottom:-20px; width:85px; height: 5px; background: #fff;}

.banner_aboutus{ background-image:url(../images/bannerabout.jpg);}
.banner_service{ background-image:url(../images/bannerservice.jpg);}
.banner_contact{ background-image:url(../images/bannercontact.jpg);}
.banner_case{ background-image:url(../images/bannercase.jpg);}
.banner_news{ background-image:url(../images/bannernews.jpg);}
.banner_product{ background-image:url(../images/bannerproduct.jpg);}
.banner_keji{ background-image:url(../images/bannerkeji.jpg);}

.nbanner{ margin:auto; width:100%; height:200px; background:#DCE1E9 url(../images/nbrand.jpg) no-repeat center top;}

.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
.container:before,.container:after{display:table;content:" "}
.container:after{clear:both}
.container:before,.container:after{display:table;content:" "}
.container:after{clear:both}
.container{width:1200px;}

/* 关于我们 */
.aboutusnew{width:100%; vertical-align: bottom;}
.aboutusnew .left_info{ width:50%; float:left;}
.aboutusnew .left_info .letitle{margin-bottom: 60px; position: relative; text-align:left; padding-top:20px;}
.aboutusnew .left_info .letitle h2{font-size: 36px; color: #000;}
.aboutusnew .left_info .letitle p{font-size: 30px; color: #bbbbbb;}
.aboutusnew .left_info .letitle:after{display: block; content: ''; width: 45px; height: 3px; background-color: #c00; position: absolute; left: 0; bottom: -15px;}
.aboutusnew .left_info .intro{padding-right: 80px; font-size: 18px; line-height:35px;}
.aboutusnew .left_info .intro:after{display: block; content: ''; width: 100%; height: 2px; background-color: #c00; margin-top: 40px;}
.aboutusnew .left_info .intro h4{margin-bottom: 6px; font-size:18px; font-weight: bold; color:#c00;}
.aboutusnew .left_info .intro p{ margin-bottom:15px;}
.aboutusnew .right_info{ float:right; width:50%;}
.aboutusnew .right_info .thumb{position: relative;}
.aboutusnew .right_info .thumb img{max-width: 100%;}
.aboutusnew .right_info .thumb .big-photo{position: relative; z-index: 1;}
.aboutusnew .right_info .thumb .tit{position: absolute; top: 60px; left: -138px; z-index: 1;}
.aboutusnew .right_info .text{font-size: 14px; line-height: 26px; color: #AAA; padding-top: 60px;}

.origin-list{margin-top: 60px;  width:1206px; overflow:hidden;}
.origin-list:after{display: block; content: ''; clear: both;}
.origin-list .item{width:396px; height:550px; float: left; overflow:hidden; margin-right:6px;}
.origin-list .item dl{width: 100%; position: relative;}
.origin-list .item dl dt{overflow: hidden; position: relative; z-index: 1;}
.origin-list .item dl dt img{width: 100%; display: block;}
.origin-list .item dl dd{width:336px; height:350px; padding: 50px 30px 30px 30px; color: #FFF; position: absolute; top: 0; left: 0; z-index: 10;}
.origin-list .item dl dd h4{font-size: 28px; margin-bottom: 6px; position:relative; z-index:999;}
.origin-list .item dl dd p{font-size: 16px; line-height: 24px; position:relative; z-index:25;}
.origin-list .item dl dd i.arrow{display: block; position:relative; z-index:25; width: 30px; height: 30px; background: url("../images/arrow.png") no-repeat center; -webkit-background-size: 100% 100%; background-size: 100%; margin-top: 24px;}
.origin-list .item dl dd.introc{opacity: 0; z-index: 11; font-size: 14px; padding-top:200px; line-height: 24px; background-color: rgba(204,0,0,0.9); color: #FFF; -webkit-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; transition: All 0.4s ease-in-out;}
.origin-list .item dl:hover dd.introc{opacity: 1;}
.origin-list .item dl:hover dd h4{font-size: 28px; margin-bottom: 6px; position:relative; z-index:999;}


.aboutus_left{ width:600px; float:left;}
.aboutus_right{ width:550px; float:right;}
.aboutus_right h3{ font-size:22px; line-height:30px; color:#000; font-weight:bold;}
.aboutus_right h4{ font-size:12px; line-height:30px; color:#999; margin-bottom:20px; display:block;text-transform : uppercase}
.aboutus_right.nbox_cont{ line-height:35px; font-size:18px;}
.aboutus_right.nbox_cont p{ padding-bottom:15px; text-indent:0;}

.titleabu{ margin-bottom:25px; color:#c00; font-size:25px; font-weight:bold; height:72px; line-height:72px;border-bottom:1px solid #E3E3E3; background:url(../images/icon3.jpg) no-repeat right center;}
.titleabu span{ color:#E3E3E3; font-weight:normal; }

.fangan_box{padding:50px 0 80px 0; width:100%; height:370px; background:url(../images/aboutus03.jpg) no-repeat center top;}
.fangan_box .ixBoxT .div1{ color:#fff;background:url(../images/icon6.png) no-repeat center 10px;}
.fangan_box .ixBoxT .div3{ color:#fff;}
.fangan{margin:60px auto; width:1200px;}
.fangan > li{width:16.6666%; float: left; display: inline-block; padding: 0 10px; box-sizing: border-box; animation: fadeInRight 1s both; border-right:1px solid rgba(255,255,255,0.3);}
.fangan > li:nth-child(6){border-right:none;}
.fangan_item{text-align: center; padding: 0 20px; height: 200px; border-radius: 2px; box-sizing: border-box; color: #9e9e9e; position: relative;}
.fangan_item:hover{}
.fangan_img01, .fangan_img02, .fangan_img03, .fangan_img04, .fangan_img05, .fangan_img06{width: 96px; height: 96px; border-radius:100%; background:url("../images/fangan.png") 0 0 no-repeat; margin: 0 auto; }
.fangan_img01{background-position: 0 0;}
.fangan_img02{background-position: 0 -96px;}
.fangan_img03{background-position: 0 -192px;}
.fangan_img04{background-position: 0 -288px;}
.fangan_img05{background-position: 0 -384px;}
.fangan_img06{background-position: 0 -480px;}
.fangan_item:hover .fangan_img01{background-position: -96px 0;}
.fangan_item:hover .fangan_img02{background-position: -96px -96px;}
.fangan_item:hover .fangan_img03{background-position: -96px -192px;}
.fangan_item:hover .fangan_img04{background-position: -96px -288px;}
.fangan_item:hover .fangan_img05{background-position: -96px -384px;}
.fangan_item:hover .fangan_img06{background-position: -96px -480px;}
.fangan_item h3{ margin-top:10px; font-size: 20px; font-weight: normal; color: #fff; line-height:50px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.fangan_text{text-align:center;color: #fff; font-size:10px; line-height:18px; height:35px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; white-space: normal !important;}
.fangan_item:hover h3{color:#c00;}
.fangan_item:hover .fangan_text{color:#c00;}

.culturebox{ margin:20px auto auto; width:1230px; height:auto; overflow:hidden;}
.culturebox ul{ width:1230px;}
.culturebox ul li{ width:300px; height:auto; background:#fff; padding:30px 40px; float:left; margin:15px;}
.culturebox ul li h3{ font-size:20px; line-height:35px; color:#333; font-weight:bold; display:block;}
.culturebox ul li h4{ font-size:14px; color:#999; line-height:25px;}

.renwen_box{padding:60px 0 100px 0; width:100%; height:auto; background:#fcfdfc url(../images/aboutus04.jpg) no-repeat center top;}
.renwen_list{ margin:40px auto auto; width:1230px;}
.renwen_list ul li{margin:0 15px; float:left; width:378px; height:450px; border:1px solid #e5e4e4; background:#fff; }
.renwen_list ul li img{ width:378px; height:300px;}
.renwen_list ul li h3{ height:35px; font-size:22px; font-weight: bold; color: #000; margin-bottom: 10px; padding:15px 15px;}
.renwen_list ul li p{height:35px; line-height:35px; overflow:hidden; color:#666; padding:0 15px;}
.renwen_list ul li span{padding:0 15px; display:block; margin-top:5px; color:#999; font-size:12px;}

.transition {
	-webkit-transition: all ease .4s;
	   -moz-transition: all ease .4s;
	    -ms-transition: all ease .4s;
	     -o-transition: all ease .4s;
	        transition: all ease .4s;
}

.jingzhengli{ margin:-40px auto auto; padding:60px 0 0px; height:470px; position:relative; z-index:0; background:url(../images/wuyijs.jpg) no-repeat center center;}
.jingzhengli ul{ margin:50px auto auto; width:1250px; position: relative; }
.jingzhengli ul:before{ content: ""; position: absolute; top:40%; left:0; width: 100%;}
.jingzhengli li{ margin-top: 45px; float: left; width:190px; padding:30px 5px; margin:0 25px; background:#FFFFFF; position: relative; z-index: 1; text-align: center;}
.jingzhengli li:nth-child(6n){ margin-right: 0;}
.jingzhengli li span{ position: relative; display: inline-block;}
.jingzhengli li span .default{opacity: 1;}
.jingzhengli li span .hover{ position: absolute; top:0; left:0; transform: rotateY(-180deg); -webkit-transform: rotateY(180deg); opacity:0; }
.jingzhengli li div{ margin-top: 15px; color: #333333; font-size:20px;}
.jingzhengli li p{ margin-top: 10px; font-size: 12px; color: #dddddd; text-transform: uppercase;}
.jingzhengli li em{ margin-top: 20px; display:block; font-style: normal; font-size:42px; color: #dddddd; font-family: "å®‹ä½“"; }
.jingzhengli li:hover span .default{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); opacity: 0;}
.jingzhengli li:hover span .hover{ transform: rotateY(0deg); -webkit-transform: rotateY(0deg);opacity: 1;}

.jzl_youshi{ margin:50px auto 50px;}
.jzl_youshi li{ margin-top:40px; background:#fff; height:250px; overflow:hidden;}
.jzl_youshi li .img{ float: left; width:600px; height:250px;}
.jzl_youshi li .img img{ width:600px; height:250px;}
/*.jzl_youshi li:last-child{ height:300px;}
.jzl_youshi li:last-child .img{ height:300px;}
.jzl_youshi li:last-child .img img{ height:300px;}*/
.jzl_youshi li .text{ float: right; width:450px; padding:30px 75px 0 75px;}
.jzl_youshi li .tit{ position:relative;}
.jzl_youshi li .tit:before{ content:""; position: absolute; left:-40px; top:20%; width: 20px; height:20px; background: #c00;}
.jzl_youshi li .tit img{ margin: 0;display: inline-block;}
.jzl_youshi li .tit span{display: inline-block; font-size:25px; color: #333333;}
.jzl_youshi li .tit em{ color: #dddddd; font-size: 12px; text-transform:uppercase;}
.jzl_youshi li .des{  margin-top: 25px; border-top: 1px solid #eeeeee; padding-top: 20px; line-height:26px; color: #999999;}
.jzl_youshi li .des p{position:relative; margin-bottom:10px;}
.jzl_youshi li .des p:before{content:"";position: absolute; top:10px;  left:-15px; width:8px; height:8px; background: #c00;}
.jzl_youshi li:nth-child(2n) .img{ float: right;}
.jzl_youshi li:nth-child(2n) .text{ float: left;}

/* 新闻中心 */
.newsmain_list{}
.newsmain_list ul{ width:1250px;}
.newsmain_list li{float:left;width:341px;margin:0 25px 25px 0;border:1px solid #e5e4e4;padding:20px;transition:all 0.3s;}
.newsmain_list li .date{font-size:20px;font-family:Arial;display:block;margin-bottom:10px;line-height:50px; color:#666;}
.newsmain_list li .date i {font-style:normal;display:block;font-size:36px;margin-bottom:6px;font-weight:bold;position:relative;color:#666;}
.newsmain_list li .date i:after{content:"";position:absolute;height:1px;width:70px;left:0;bottom:0;background:#bababa;}
.newsmain_list li a img{ width:341px; height:227px; margin-bottom:10px;}
.newsmain_list li a{ display: inline-block; color:#666;}
.newsmain_list li:hover{box-shadow:0 0 8px #ccc;}
.newsmain_list li a h4{height:60px; font-size:18px; color:#333;}
.newsmain_list li a:hover h4{color:#fb4c3b;}
.newsmain_list li a p{height:44px; line-height:22px; overflow:hidden;}
.newsmain_list li a h5{display:inline-block;width:140px;height:34px;line-height:32px;border:1px solid #e5e4e4;text-align:center;border-radius:16px;margin-top:20px;box-shadow:0 0 8px #ccc;}
.newsmain_list li a h5 i{font-family:"宋体";color:#278ed4;font-style:normal;font-weight:bold;margin-left:4px;}
.newsmain_list li a:hover h5{color:#fb4c3b;}
.newsmain_list li a:hover h5 i{color:#fb4c3b;}

.news_list{ margin-top:30px;}
.news_list li{ padding: 20px 0; position: relative; border-bottom: 1px solid #ddd;}
.news_list li:before{ content: ""; position: absolute; top:0; left:-50%; z-index: 0; width: 200%; height: 100%; }
.news_list li:hover:before{ background: #f6f6f6;}
.news_list li a{ display: block; overflow: hidden; position: relative; color: #333;}
.news_img{ width:300px; float: right; overflow: hidden;}
.news_img img{width:300px;}
.news_time{ float: left; font-size:25px; line-height:normal; font-family: Verdana, Geneva, sans-serif; position: relative; padding-right: 50px; margin:10px 0 0 0;}
.news_time:before,.news_time:after{ content: ""; position: absolute; top:15px; right:0; width: 35px; height: 1px; background: #bfbfbf;}
.news_time:after{ width: 0px; background: #c69c6d; right: 35px;}
.news_more{ display: block; margin-top: 15px; font-size: 0; width: 48px; height: 38px; background: #fff url("../images/ico_11a.png") center center no-repeat; position: relative;}
.news_more:before{ content: ""; position: absolute; top:0; left:0; width: 0; height: 100%; background: #373737 url("../images/ico_11b.png") center center no-repeat;}
.news_list li:hover .news_more:before{ width: 100%;}
.news_list li:hover .news_time:after{ width: 35px; right: 0;}
.news_info{ overflow: hidden; padding-right:4%; margin-top: 10px;}
.news_info h6{ height:25px; overflow: hidden; margin-bottom: 30px; font-size:20px;}
.news_des{ font-size: 12px; line-height: 22px; max-height: 66px; overflow: hidden;}
.news_list li:hover a .news_time{ color: #c00;}
.news_list li:hover a h6{ color: #c00;}

.news_show{ margin:-250px auto 50px auto; width:1200px; height:auto; background:#fff; padding:10px 0 50px 0; }
.news_show .containerp_nav{ margin:auto; width:97%;}
.news_show .nbox_cont img{ /*max-*/width:980px;padding:2px; border:1px solid #EAEAEA; padding:9px;}
.news_kong{ height:5px; border-top:5px solid #c00;}
.news_box{ padding:80px 100px 50px 100px;}
.news_box .ctitle{text-align:left; font-size:40px; line-height:50px;border-bottom: 1px solid #E7E7E7;}
.news_box .ctitle p{font-size:12px; text-align:left; margin-top:20px;}
.news_box .botxian{ margin-top:35px; height:50px; line-height:50px;border-top: 1px solid #E7E7E7; text-align:right;}
.news_box .botxian span{display:inline-block; color:#ccc; padding:0 20px; font-size:10px;}

.video { margin:auto auto 10px auto; height:635px; text-align: center; background: url(../images/macbg2.jpg) no-repeat center top; padding-top:30px;}
.video video { margin:auto; width: 650px; height:365px;}
.video iframe {width:650px; height:365px; }

.show_left{ width:905px; height:auto; float:left; padding-bottom:30px;}
.news_boxother{ width:100%; height:auto; padding-top:50px;}
.news_boxother h3{ height:30px; font-size:16px; font-weight:bold; color:#000;border-bottom: 1px solid #E7E7E7;}
.news_boxother h3 span{ color:#999; font-size:12px; font-weight:normal;}
.other_news{ margin-top:20px; width:1000px; overflow:hidden;}
.other_news ul{ width:1100px;}
.other_news ul li{ width:475px;height:30px;line-height:30px;float:left;text-align:left; margin-right:50px;}
.other_news ul li b{width:400px; float:left; font-weight:normal;text-overflow:ellipsis; overflow:hidden;word-break:keep-all;white-space:nowrap;color:#6699CC;}
.other_news ul li span{ float:right; color:#999; text-align:right; font-size:10px;display:block; width:75px; text-indent:0;}
.other_news ul li a{ color:#6699CC;}

.imgcovercat {background: rgba(0,0,0,.8);color: #fff;line-height: 50px;font-size: 14px;height: 50px;position: absolute;padding: 0 20px;display: none;z-index:100;overflow: hidden;}
.imgcovercat a {color: #c80000;float: right;display: block;height: 28px;vertical-align:middle;margin-top: 11px;line-height:32px;padding: 0 10px;border-radius: 3px;background: #fff;font-weight: bold;transition: all .3s ease;font-size: 12px;}
.imgcovercat a:hover {background: #c80000;color: #fff;}
.imgcovercat a i{display:inline-block; width:15px; height:15px; background:url(../images/qqoff.png) no-repeat center center; background-size:100% auto;}
.imgcovercat a:hover i{background:url(../images/qqon.png) no-repeat center center; background-size:100% auto;}
.imgcovercat a span{ line-height:10px;}
.imgcovercat b {color: #c80000;float: right;display: block;height: 28px;vertical-align:middle;margin-top: 11px; margin-left:20px; line-height:32px;padding: 0 10px;border-radius: 3px;background: #fff;font-weight: bold;transition: all .3s ease;font-size: 12px;}

/* 案例中心 */
.case_list{ margin:auto; width:1230px; padding:10px 0;}
.case_list ul li{margin:0 15px 30px 15px; float:left; width:380px; height:440px; color: #333; }
.news_list ul li a{ display:inline-block; color:#666;}
.case_list ul li a img{ width:380px; height:253px;}
.case_list ul li a span{padding: 30px 15px; display:block;}
.case_list ul li a span h3{ height:50px; font-size: 18px; font-weight: bold; color: #000; margin-bottom: 10px;}
.case_list ul li a span p{height:66px; line-height:22px; overflow:hidden; color:#666;}
.case_list ul li a span i{display: block; width: 23px; height: 23px; overflow: hidden; float: right; background: url("../images/ico_08.png") 0 -23px no-repeat; margin-left: 10px; font-size: 0;}
.case_list ul li:hover{box-shadow:0 0 15px #ccc;}
.case_list ul li:hover span h3{font-size: 18px; font-weight: bold; color: #fb4c3b; margin-bottom:10px;}
.case_list ul li:hover span i{background-position: 0 0;}



/* 联系我们 */
.contact_tit{ margin:30px auto 60px auto;}
.c_tit_cn{ font-size: 30px;}
.c_tit_cn b{ font-weight: bold; color: #c00;}
.c_tit_cn span{ vertical-align: middle; font-size:20px; position: relative; margin-left: 20px; padding-left: 105px;}
.c_tit_cn span:before{ content: ""; position: absolute; top:50%; left:0; width: 85px; height: 2px; background: #000;}
.c_tit_en{font-size:16px;}


.contact-box { width:1230px;}
.contact-box .item{ float: left; width:380px; margin:15px; padding:20px 0 40px 0; border-radius: 0 0 3px 3px; overflow: hidden; position: relative; text-align:center;}
.contact-box .item:after{ content:""; position: absolute; bottom:0; left: 0; width:0%; height: 3px; background: #c00; -webkit-transition: all ease .4s; -moz-transition: all ease .4s; -ms-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s;}
.contact-box .item:nth-child(3n){ margin-right: 0;}
.contact-box .item .text{ margin-top: 15px; text-align: center; font-size: 18px; color: #333333;}
.contact-box .item:hover:after{ width:100%;}
.contact-box .item a:hover{ color: #c00;}
.map{margin:40px auto 50px auto;width:1198px;height:500px;border:#ccc solid 1px;font-size:12px}

.mail_box{margin:40px auto 50px auto; padding:0 0 60px 0;}
.mail_box .left{ margin-top:50px; float: left; width:600px; padding:25px 150px 25px 90px; border-right: 1px solid #eeeeee;}
.mail_box .left input{ width:580px; height:34px; padding:4px 15px; line-height: 24px; border: 1px solid #e5e5e5;}
.mail_box .left .in{ margin-bottom: 13px; padding:0 10px;}
.mail_box .left .textarea{ width:555px; border: 1px solid #e5e5e5; padding:7px 10px 7px 45px; background: url(../images/textarea_ico.png) no-repeat top left; }
.mail_box .left .textarea textarea{ border: none; background:none; width: 100%; height:80px;}
.mail_box .left .button{ padding: 0 10px;}
.mail_box .left .button input{width:610px;height: 36px; line-height: 36px; padding: 0; border: none; background: #000; color: #FFFFFF; }
.mail_box .left .button input:hover{ background: #c00;}
.mail_box .right{ margin-top:50px; float: right; width:300px; padding:25px 0px;}
.mail_box .right .p1{ color: #999999;}
.mail_box .right .p2{ margin-top: 30px; font-size: 30px; color: #333333;}

/* 人才招聘 */
.jobtu{ margin:auto; width:100%; height:438px; background:url(../images/jobtu2.jpg) no-repeat center top;}
.jobs{margin:50px auto;width:100%;}
.jobs .list{margin:0px auto;text-align:left;}
.jobs .list li{position:relative;display:block;width:100%;height:60px;margin:0px auto 20px auto;background:#f3f3f3;overflow:hidden;border:1px solid #fff;}
.jobs .list li .icon{position:absolute;right:20px;top:50%;margin-top:-15px;cursor:pointer;}
.jobs .list li h3{display:block;font-size:16px;height:60px;line-height:60px;font-weight:normal;padding:0px 20px;cursor:pointer;color:#666;}
.jobs .list li .con{padding:20px;text-align:left;font-size:14px;line-height:25px;color:#666;}
.jobs .list li .con .text{padding:10px 0px; color:#666; }
.jobs .list li .con .text p{display:inline-block;width:30%;padding:5px 0px;}
.jobs .list li .tag{margin:20px 0px;}
.jobs .list li .tag h4{font-size:14px;font-weight:normal;padding:5px 0px;}
.jobs .list li .btn{background:#f06405;color:#fff;padding:10px 30px;font-size:14px;}
.jobs .list .A{background:#fff;border:1px solid #eee;}
.jobs .list .A h3{color:#fff;border-bottom:1px solid #f3f3f3; background:#c00}
.jobs .list .A .icon{top:15px;margin-top:0px;}

.salnet{ margin:40px auto auto; width:1200px; height:750px; background:url(../images/salnet.jpg) no-repeat center top; line-height:30px; font-size:14px;border-top:1px solid #e7e7e7;}



/* 产品中心 */
.containerp{margin:auto auto 50px auto; position:relative; width:1200px;overflow:hidden; padding:30px 0;}
.containerp .pleft{width:170px;background:#fff;float:left;}
.containerp .pright{width:1000px;background:#fff;float:right;}

.pro_subnav{width:170px;}
.pro_navtitle{ height:40px; line-height:40px; font-size:14px;  font-weight:bold;}
.pro_navtitle a{color:#fff;padding-left:15px; display:block; width:155px; height:100%; background:rgba(0,0,0, 0.5);}
.pro_navtitle.current>a{color: #fff;background:rgba(0,0,0, 0.9);}
.pro_subnav{ margin-bottom:15px;}
.pro_subnav li{height:38px;line-height:38px; font-size:14px;border:1px solid #E1E1E1; border-top:none; padding-left:15px;}
/*.pro_subnav li:last-child{border-bottom:none;}*/
.pro_subnav li a{position:relative; padding-left:12px; color:#666;}
.pro_subnav li a:after{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;background:#999;border-radius:100%;}
.pro_subnav li.current>a{color: #c00;}
.pro_subnav li.current>a:after{background:#c00;}

.pro_list{ width:1000px; overflow:hidden;}
.pro_list ul{width:1100px;}
.pro_list ul li{width:318px;height:260px;margin:auto; float:left;margin:0 20px 20px 0;border:1px solid #E1E1E1;}
.pro_list ul li a{overflow:hidden;display:block;}
.pro_list ul li a .img{width:318px; height:212px;margin-bottom:10px;width:100%; overflow:hidden;}
.pro_list ul li a .img img{width:318px; height:212px;}
.pro_list ul li a h3{font-size:18px; color:#333;line-height:30px; height:30px; overflow:hidden; position:relative; padding:0 10px; }
.pro_list ul li a h3 span{position:absolute; line-height:30px; background:#fff; right:10px; top:0; font-size:12px; color:#666;}
.pro_list ul li a h3 span em{padding:0 5px;}
.pro_list ul li a:hover h3{color:#c00;}

.pro_showbox{}
.pro_showbox h1{text-align:left;position: relative; width:100%; font-size:30px; font-family:"微软雅黑"; font-weight:bold; padding:20px 30px 20px 50px;}
.pro_showbox h1:after{content:"";position: absolute;left:30px;top:27px;width:5px;height:30px;background:#c00;}
.pro_showbox h1 span{position:absolute; line-height:30px; background:#fff; right:30px; top:15px; font-size:12px; color:#666; font-weight:normal;}
.pro_showbox h1 span em{padding:0 5px;}
.pro_showbox h1 b{position:absolute;right:25px; top:45px; display:block; width:150px; text-align:right;}
.pro_showbox .proimg{ width:940px;height:auto;display:table-cell;font-size:300px; text-align:center; vertical-align:middle;background:#fff;padding:30px;}
.pro_showbox .proimg img{ width:auto; margin: auto;width:940px;}
.pro_showbox .nbox_cont img{width:940px;}
.pro_title{ margin: 20px auto 20px auto; width: 100%; height: 35px; background: #fff;border-bottom:2px solid #999;}
.pro_title h3{height: 34px; line-height: 34px; float: left; color: #000; text-align: left;font-size:22px; overflow: hidden;}
.pro_title h4{ width: 500px; height: 34px; line-height: 34px; float: left; padding-left: 15px; font-size: 12px; color: #999;text-transform: uppercase;font-family:MetaWebPro-Light,arial,helvetica,sans-serif;}

.producttitle{ margin: 20px auto 20px auto; width: 100%; height: 35px; background: #fff;border-bottom:2px solid #999;}
.producttitle span.f01{height: 34px; line-height: 34px; float: left; color: #000; text-align: left;font-size:22px; overflow: hidden;}
.producttitle span.f02{ width: 500px; height: 34px; line-height: 34px; float: left; padding-left: 15px; font-size: 12px; color: #999;text-transform: uppercase;font-family:MetaWebPro-Light,arial,helvetica,sans-serif;}

.gcsjlist{ margin:20px auto 20px 0; width:950px; height:auto; overflow:hidden;}
.gcsjlist ul{ width:1000px;}
.gcsjlist ul li{ width:305px; height:200px; background:#fff; float:left; margin:0 10px 10px 0; border:1px solid #efefef; background:#fff;}
.gcsjlist ul li img{ width:305px; height:200px;}


/*服务优势*/

.service{ margin-bottom:50px;}
.service li{ margin-top:40px; background:#fff; height:350px;}
.service li .img{ float: left; width:600px; height:350px;}
.service li .img img{ width:600px; height:350px;}
.service li:last-child{ height:500px;}
.service li:last-child .img{ height:500px;}
.service li:last-child .img img{ height:500px;}
.service li .text{ float: right; width:450px; padding:30px 75px 0 75px;}
.service li .tit{ position:relative;}
.service li .tit:before{ content:""; position: absolute; left:-40px; top:50%; width: 20px; height: 2px; background: #c00;}
.service li .tit img{ margin: 0;display: inline-block;}
.service li .tit span{ margin-left: 25px; display: inline-block; font-size: 18px; color: #333333;}
.service li .tit em{ color: #dddddd; font-size: 12px; text-transform:uppercase;}
.service li .des{  margin-top: 25px; border-top: 1px solid #eeeeee; padding-top: 20px; line-height: 24px; color: #999999;}
.service li .des p{position:relative; margin-bottom:10px;}
.service li .des p:before{content:"";position: absolute; top:12px;  left:-15px; width:5px; height:5px; background: #c00;}
.service li:nth-child(2n) .img{ float: right;}
.service li:nth-child(2n) .text{ float: left;}

.shengchansb{ margin:20px auto 50px auto; width:1216px; height:auto; overflow:hidden;}
.shengchansb ul li{ width:387px; height:258px; background:#fff; float:left; margin:8px;border:1px solid #efefef; background:#fff;}
.shengchansb ul li img{ width:387px; height:258px;}

.keji01{margin:-40px auto auto; position:relative; z-index:0; width:100%; height:772px; background:#F0F0F0 url(../images/ke02.jpg) no-repeat center top;}

/*底部*/
.footer{background:#2d2d2d;color:#7f8182;padding: 60px  0 40px;}
.footer .footLeft{overflow: hidden;}
.footer .footLeft dl{float: left;width: 140px;margin-right: 10px;}
.footer .footLeft dl dt{font-size: 14px;color: #fff;margin-bottom: 15px;}
.footer .footLeft dl dd a{color: #999999;font-size: 12px; line-height:22px;}
.footer .footLeft dl dd a:hover{color: #fff;}
.footer .footTel{color: #fff;font-synthesis: 12px;text-align: center;width: 260px;}
.footer .footTel strong{display: block;font-size: 34px;font-weight: 600;margin-bottom:15px;}
.footer .footTel span{display: block;width:190px;height: 40px;line-height: 40px;text-align: center;background:#cf2f2f;margin: 20px auto 0;}
.footer .footTel span a{ color:#fff;}
.footer .footRight{width: 120px;overflow: hidden;}
.footer .footRight span{display: block;font-size: 14px;color: #7f8182;text-align: center; margin-top:5px;}
.footer .ewmTwo{margin-right: 20px;}
.foot-bot{background: #1e2125;color: #7f8182;height: 58px;line-height: 58px;}
.foot-bot a{color:#7f8182;font-size: 12px;}
.foot-bot a:hover{color: #fff;}

/*goTop*/
.goTop{width: 60px; background: #fcfdfd; border-radius: 3px; box-sizing: border-box; border: #e4e5e8 1px solid; top: 60%; right: 130px; z-index: 99; box-shadow: 0 0 5px rgba(0, 0, 0, .05); position: absolute \9; position: fixed;}
.goTop > li{height: 60px; line-height: 60px; border-top: #f2f3f5 1px solid; text-align: center; position: relative;}
.goTop > li:first-child{border-top: none;}
.goTop > li > a{width: 30px; height: 30px; background: url("../images/goTop.png") 0 0 no-repeat; display: inline-block; vertical-align: middle;}
.goTop .kefu > a{background-position: 0 0;}
.goTop .kefu > a:hover, .goTop .kefu.hover > a{background-position: -30px 0; opacity: 1;}
.goTop .weix > a{background-position: 0 -30px;}
.goTop .weix > a:hover, .goTop .weix.hover > a{background-position: -30px -30px; opacity: 1;}
.goTop .totop{display: none;}
.goTop .totop > a{background-position: 0 -60px;}
.goTop .totop > a:hover{background-position: -30px -60px;}
.goTop_box{padding: 10px 15px; background: #fff; border-radius: 3px; border: #e0e2e5 1px solid; position: absolute; box-shadow: 0 0 5px rgba(0, 0, 0, .05); right: 70px; display: none;}
.goTop .hover .goTop_box{display: block; animation: fadeIn 1s both;}
.goTop_box > img{float: left; margin-bottom: 5px;}
.goTop .kefu .goTop_box{top: 0;}
.goTop .weix .goTop_box{bottom: 0; padding: 15px; text-align: center;}
.goTop_p{text-align: center; line-height: 30px; color: #666;}
.goTop_icon{display: inline-block; width: 10px; height: 10px; transform: rotate(45deg); background: #fff; position: absolute; right: -6px; right: -4px \9; border-top: #e0e2e5 1px solid; border-right: #e0e2e5 1px solid;; filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865474, M12=-0.7071067811865477, M21=0.7071067811865477, M22=0.7071067811865474);}
.goTop .kefu .goTop_icon{top: 25px;}
.goTop .weix .goTop_icon{bottom: 25px;}

/*右侧悬浮窗*/
.gotoprs{width: 60px; background: #fcfdfd; border-radius: 3px; box-sizing: border-box; border: #e4e5e8 1px solid; top:45%; right: 30px; z-index: 99; box-shadow: 0 0 5px rgba(0, 0, 0, .05); position: absolute \9; position: fixed;}
.gotoprs li{height:50px; border-top: #f2f3f5 1px solid; text-align: center; position: relative;}
.gotoprs > li:first-child{border-top: none;}
.gotoprs .mouse{position:absolute; left:-230px; top:0px; display:none;}
.gotoprs .biaoimg{ width:30px;height:30px; padding:10px 15px;}
.gotoprs .biaoimg .serico{width:30px;height:30px;background: url("../images/goTop.png") 0 0 no-repeat; display: inline-block; vertical-align: middle;}
.gotoprs .biaoimg .serico.serico01{background-position: 0 0;}
.gotoprs .biaoimg .serico.serico02{background-position: 0 -30px;}
.gotoprs .biaoimg .serico.serico03{background-position: 0 -60px;}
.gotoprs .biaoimg .serico.serico04{background-position: 0 -90px;}
.gotoprs .biaoimg .serico.serico05{background-position: 0 -120px;}

.gotoprs .biaoimg img{position:relative; top:10px;}
.gotoprs .liNow .biaoimg{}

.gotoprs .liNow .biaoimg .serico.serico01{background-position: -30px 0; opacity: 1;}
.gotoprs .liNow .biaoimg .serico.serico02{background-position: -30px -30px; opacity: 1;}
.gotoprs .liNow .biaoimg .serico.serico03{background-position: -30px -60px; opacity: 1;}
.gotoprs .liNow .biaoimg .serico.serico04{background-position: -30px -90px; opacity: 1;}
.gotoprs .liNow .biaoimg .serico.serico05{background-position: -30px -120px; opacity: 1;}


.gotoprs .liNow .mouse{display:block;}
.gotoprs .li01 .mouse{background:url(../images/sideBarBg1.png) left top no-repeat; width:230px; height:276px;}
.gotoprs .li01 .mouse .rstitle{ text-align:center; line-height:40px; font-size:14px; color:#fff; height:40px; width:200px; padding-left:16px;}
.gotoprs .li01 .mouse .rsimgDiv{ text-align:center; padding-top:20px;}
.sideBar .li01 .mouse .rstxt{ text-align:center; color:#999; padding:15px 0 5px; line-height:22px;}
.gotoprs .li02 .mouse{background:url(../images/sideBarBg2.png) left top no-repeat; width:230px; height:200px; left:-230px;}
.gotoprs .li02 .mouse .rstitle{ text-align:center; line-height:40px; font-size:14px; color:#fff; height:40px; width:200px; padding-left:16px;}
.gotoprs .li02 .mouse .rsico{ padding:18px 0 15px 0; text-align:center;}
.gotoprs .li02 .mouse .rstel{ font-size:24px; color:#333; text-align:center; font-family:Impact; margin-bottom:5px;}


